<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建添加节点</title>
</head>

<body>
    <ul>
        <li>李昊哲</li>
    </ul>
</body>

</html>
<script>
    // 创建元素节点
    let xiaolanlan = window.document.createElement('li');
    // 向节点中添加内容
    xiaolanlan.innerText = '小兰兰';
    // 添加节点 找到添加的位置
    let ul = window.document.querySelector('ul');
    ul.appendChild(xiaolanlan);
    // 创建元素节点
    let liuxiaolan = window.document.createElement('li');
    // 向节点中添加内容
    liuxiaolan.innerText = '刘晓兰';
    // 添加节点 找到添加的位置
    ul.insertBefore(liuxiaolan, ul.children[0]);
</script>